<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>慢慢买主页</title>
    <!-- 初始化样式 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入当前文件样式 -->
    <link rel="stylesheet" href="./css/index.css">


</head>
<body>
    <div class="view">
        <!-- 头部 -->
        <div class="mmm-top">
            <div class="top clearfix">
                <div class="logo">
                    <h1><a>慢慢买</a></h1>
                </div>
                
                <div class="title">
                    <p>全网比价·折扣</p>
                    <p>m.manmanbuy.com</p>
                </div>
                <div class="app-dow">
                    <a href='javascript:;'>
                        <img src="./images/header_app.png" alt="">
                    </a>
                </div>

            </div>
            <div class="search">
                <div class="search-box">
                    <input type="text" placeholder="请输入你想比价的商品">
                    <input type="button" value="搜索">
                </div>
            </div>
        </div>

        <!-- 菜单栏 -->
        <div class="menus-bar">
            <ul>
            </ul>
        </div>
        <!-- 标题--超值折扣推荐 -->
        <div class="item-title">
            <div>超值折扣推荐</div>
            <div><img src="./images/right.png" alt=""></div>
        </div>
        <!-- 超值推荐 -->
        <div class="recommend">
            
            <div class="recommend-main">
                <ul></ul>
            </div>
        </div>

        <!--标题--品牌排行 -->
        <div class="brand-rank item-title">
            <div>品牌排行</div>
            <div><img src="./images/right.png" alt=""></div>
        </div>

         <!-- 尾部 -->
        <footer>
            <div class="foot-top">
                <a href='javascript:;'>登录</a>
                <a href='javascript:;'>注册</a>
                <a href='javascript:;' class="go-top">
                    <img src="./images/gotop.jpg" alt="">
                    返回顶部
                </a>
            </div>
            <div class="foot-bottom">
                <p>
                    <a href='javascript:;'>手机APP下载</a>
                    <a href='javascript:;'>慢慢买手机版</a>
                    <a href='javascript:;'> -- 掌上比价平台</a>
                </p>
                <p>m.manmanbuy.com</p>
            </div>
        </footer>

        
    </div>
</body>
</html>
<script src="./lib/zepto.js"></script>
<script src="./lib/template.js"></script>
<script src="./js/htmlFontSize.js"></script>
<script src="./js/common.js"></script>
<script src="./js/index.js"></script>

<script type="text/template" id="getmoneyctrlTpm">
    <ul>
        {{each result as value key}}
        <li class="clearfix">
            <a href="moneyproduct.html?productid={{value.productId}}">
                <!-- 图片 -->
                <div class="pic">{{#value.productImgSm}}</div>
                <div class="clearfix explain">
                    <div class="top">
                        {{value.productName}}
                        <span>
                            {{value.productPinkage}}
                        </span>
                    </div>
                    <div class="bottom">
                        <span class="mall">{{value.productFrom}} | {{value.productTime}}</span>
                        <span class="comment">
                            <i class="icon-comment"></i>
                            {{value.productComCount.replace("有","").replace("人评论","")}}
                        </span>
                    </div>
                </div>
            </a>
        </li>
        {{/each}}
    </ul>
    <div class="more-bar">
        <a href="#">更多优惠信息 »</a>
    </div>

</script>
